<template>
  <view class="content-vote">
    <view class="content-vote-title">
      {{title}}
    </view>
    <block v-if="voteList.length==0">
      <UnauthVote :type="type"/>
    </block>
    <view class="u-m-t-20" v-else>
      
      <VoteList :status="status" :isLoadmore="false" :list="voteList" :type="type" />
    </view>
  </view>
</template>

<script>
import UnauthVote from './UnauthVote.vue'
import VoteList from '@/components/VoteList/index.vue'

export default {
  name: 'VoteCard',
  components: {
    UnauthVote,
    VoteList
  },
  props: {
    title: {
      type: String,
      default: '投票'
    },
    voteList: {
      type: Array,
      default: () => ([])
    },
    status: {
      type: String,
      default: 'loadmore'
    },
    type: {
      type: Number,
      default: 1
    }
  },
   data() {
    return {
      showVote:true
    }
  },
  methods: {
  
  },
 
}
</script>

<style lang="scss" scoped>
.content-vote {
  width: 100%;
  margin-top: 20rpx;
  margin-bottom:10rpx;
  &-title {
    font-weight: 600;
    font-size: 36rpx;
    color: #000000;
    margin-bottom: 0rpx;
  }
  // &-item {
  //   width: 100%;
  //   box-shadow: 0rpx 34rpx 144rpx 0rpx rgba(58,76,130,0.08), 0rpx 5rpx 14rpx 0rpx rgba(169,194,209,0.1);
  //   background: #FFFFFF;
  //   border-radius: 18rpx;
  //   display: flex;
  //   flex-direction: column;
  //   align-items: center;
  //   justify-content: center;
  //   padding: 80rpx 23rpx;
  
  //   &-text {
  //     font-weight: 400;
  //     font-size: 28rpx;
  //     color: #4A6279;
  //     text-align: center;
  //     margin-top: 40rpx;
  //   }
  //   &-btn {
  //     width: 100%;
  //     height: 81rpx;
  //     background: ;
  //     border-radius: 12rpx;
  //     display: flex;
  //     align-items: center;
  //     justify-content: center;
  //     font-size: 30rpx;
  //     color: #FFFFFF;
  //     margin-top: 40rpx;
  //   }
  // }
}
</style>
